<%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
<f:view>
    <h:form styleClass="fondoFormulariosyPanel">
        <h:panelGrid columns="1" bgcolor="#A52A2A" width="100%">
            <h:outputLabel style="font-weight:bold; color:#FFF8DC;" value="Reporte de Asistentes por Evento" />
        </h:panelGrid>
        <a4j:outputPanel ajaxRendered="true">
            <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                        warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                        warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
        </a4j:outputPanel>
        <h:panelGrid columns="5" styleClass="fondoFormulariosyPanel">
            <h:outputLabel value="Desde:" />
            <rich:calendar  value="#{ReporteCantPorEventoController.fechaInicio}"
                            datePattern="dd/MM/yyyy"/>
            <h:outputLabel value="Hasta:" />
            <rich:calendar value="#{ReporteCantPorEventoController.fechaFin}"
                           datePattern="dd/MM/yyyy" />
            <h:commandButton value="Buscar" action="#{ReporteCantPorEventoController.buscar}" title="Buscar" image="/img/buscar.png"/>
        </h:panelGrid>
        <br/>
        <rich:dataTable   id="table1" value="#{ReporteCantPorEventoController.listaEventos}" var="item"
                          rows="10" reRender="ds" width="100%" >
            <f:facet name="header">
                <h:outputText value="Lista de Inscritos Por Evento"/>
            </f:facet>
            <rich:column sortBy="#{item.organizador}">
                <f:facet name="header">
                    <h:outputText value="Evento"/>
                </f:facet>
                <h:outputText value="#{item.organizador}"/>
            </rich:column>
              <rich:column sortBy="#{item.cantidad}" >
                <f:facet name="header">
                    <h:outputText value="Cantidad"/>
                </f:facet>
                <h:outputText value="#{item.cantidad}"/>
            </rich:column>
              <rich:column sortBy="#{item.fechaInicio}" >
                <f:facet name="header">
                    <h:outputText value="Fecha Inicio"/>
                </f:facet>
                <h:outputText value="#{item.fechaInicio}"/>
            </rich:column>
            <rich:column sortBy="#{item.fechaFin}" >
                <f:facet name="header">
                    <h:outputText value="Fecha Fin"/>
                </f:facet>
                <h:outputText value="#{item.fechaFin}"/>
            </rich:column>
            <f:facet name="footer">
                <rich:datascroller id="ds"></rich:datascroller>
            </f:facet>
        </rich:dataTable>
        <br/>
        <h:panelGrid columns="3" border="1">
            <!--h:commandButton style="font-weight: bold; margin-left:70px; margin-right: auto;" value="Excel" action="{ReporteCantPorEventoController.ReporteInscritosExcel}" image="/img/excel.png"/-->
            <h:commandButton style="font-weight: bold;" value="Excel" action="#{ReporteCantPorEventoController.ReporteInscritosExcel}" image="/img/excel.png"/>
        </h:panelGrid>

    </h:form>

</f:view>